<template>
	<view class="container">
		  <view class="title">
			  <text>{{post_detail.post_title}}</text>
		  </view>
		  <view class="msg">
			  <text>{{post_detail.user_name}}</text>
			  <text>{{post_detail.add_time}}</text>
		  </view>
		  <view class="summary">
			  <text>{{post_detail.summary}}</text>
		  </view>
		  
		  <view class="images">
			  <image :src="item"  v-for="(item,i) in post_detail.images" :key="i"></image>
		  </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				post_detail:{
					post_title:"母猪的产后护理",
					user_name:"龙军",
					add_time:"2018-11-08",
					summary:"母猪生产后首先要给母猪进行消毒，给母猪和猪仔一个干净、温暖的环境；在喂养产后的母猪时，要多给母猪喝水，多喂青绿、高蛋白的食物，食物的分量要适宜，不能一次性食用太多；猪舍保证适宜温度和湿度，利于母猪修养，猪仔也不会容易感冒。",
					images:["../../../static/images/news1.jpg"]
				},			
			}
		},
		methods: {
			
		}
	}
</script>

<style scoped lang="scss">
    .container{
        margin-top:15%;
        .title{
            border-bottom:red solid 1px;
			text-align: center;
            text{  
				font-size: 20px;
                margin-bottom: 5px;
            }
        }

        .msg{
            display: flex;
            justify-content: space-between; 
            border-bottom:red solid 1px;
            text{
                margin: 5px 5px 5px 5px;
            }     
        }

        .summary{
            border-bottom:blue solid 1px;
            padding:5px 10px 0 10px;
            text{
                text-align: justify;
            }
        }

        .images{
            width:80%;
            margin:5% auto 0 auto;
            image{
                width:100%;
                height:auto;
                margin-top:8%;
                border-radius: 10px 10px;
                box-shadow: black 8px 8px 8px;
            }
        }
    }
</style>
